<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				width: 200px;
				height: 400px;
				background-color: #0f0;
				overflow: auto;
			}
		</style>
		<script type="text/javascript">
			window.onload = function(){
				var box = document.getElementById('box');
				var inputs = document.getElementsByTagName('input');
				//为box绑定一个滚动条滚动的事件
				box.onscroll = function(){
					//检查滚动条是否滚动到底
					if(box.scrollHeight - box.scrollTop == box.clientHeight){
						//滚动条滚动到底，表单可用
						inputs[0].disabled = false;
					}
				}
				inputs[0].onclick = function(){
					//选中后才能注册
					inputs[1].disabled = false;
				}
			}
		</script>
	</head>
	<body>
		<div id="box">
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
			文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
		</div>
		<input type="checkbox" disabled="disabled" />我已阅读并同意
		<input type="submit" disabled="disabled" value="注册" />
	</body>
</html>
